<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j"
	template="../templates/templateLogin.xhtml">
	<ui:define name="body">
		<f:view>
			<rich:panel styleClass="panelLogin"
				header="Iniciar Sesion"
				headerClass="text-align:right;">

				<div id="log_Contenido"><h:form>
					<div class="log_Separador">
						<div class="log_Sep_Texto">
							<div style="width: 57px; text-align: left; float: right;">
								<h:outputLabel value="Usuario" />:
							</div>
						</div>
						<div class="log_Sep_Input">
							<span class="icoUsuario"/> 
							<h:inputText id="j_username" style="text-transform: uppercase;width:153px;float:left;" value="#{seguridadAction.usuario}" size="40">
						</h:inputText>
						</div>
					</div>
					<div class="log_Separador">
					<div class="log_Sep_Texto"></div>
					<div style="float: left;"><h:outputText
						value="#{seguridadAction.mensajeFaltaUsuario}"
						styleClass="alertaSimple" /></div>
					</div>

					<div class="log_Separador">
					<div class="log_Sep_Texto">
					<div
						style="text-align: left; width: 57px ! important; float: right;">
						<h:outputLabel value="Clave" />:</div>
					</div>
					<div class="log_Sep_Input"><span class="icoClave"></span> <h:inputSecret
						id="j_password" style="width:153px;float:left;"
						value="#{seguridadAction.password}" size="40" /></div>
					</div>
					<div class="log_Separador">
					<div class="log_Sep_Texto"></div>
					<div style="float: left;"><h:outputText
						value="#{seguridadAction.mensajeFaltaPassword}"
						styleClass="alertaSimple" /></div>
					</div>

										
					<div style="clear: both; width: 100%" align="center"><h:panelGrid
						id="idPanelMensajesLogin" style="margin-bottom:5px;"
						rendered="#{seguridadAction.estadoPanelMensajes}">
						<h:outputText styleClass="#{seguridadAction.estiloMensaje}"
							id="msjAdvertenciaLogin"
							value="#{seguridadAction.errorMensaje}" />
					</h:panelGrid> 
					</div>
					
					<div class="log_Separador">

					<rich:spacer height="10px" />
					<h:panelGrid columns="3">
						<h:commandButton styleClass="btnEnlaceCentroJsfIzq, anchoBoton"
							value="Ingresar" action="#{seguridadAction.iniciarSesion}" />
						<rich:spacer height="10px" width="15px" />
						<h:commandButton styleClass="btnEnlaceCentroJsfIzq, anchoBoton"
							action="#{seguridadAction.limpiar}" value="Limpiar"
							style="width:80px;"></h:commandButton>
					</h:panelGrid></div>
				</h:form></div>
			</rich:panel>
			<table align="center" style="vertical-align: bottom;">
				<tr>
					<td><a href="javascript: window.self.close();"> <h:outputText
						value="#{titulos['SALIR_APLICACION']}" /> </a></td>
				</tr>
			</table>
		</f:view>
	</ui:define>

</ui:composition>